<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>动态内容</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet"
          href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet"
          href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
</head>
<body>
<div class="page-group">
    <div class="page">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left" external
               href="/topic/topicList" data-transition='slide-out'> <span
                    class="icon icon-left"></span> 返回
            </a>
            <h1 class="title" ></h1>
        </header>
        <div class="content infinite-scroll infinite-scroll-bottom" data-distance="100">
            <div class="card facebook-card">
                <div class="card-header no-border">
                    <div class="facebook-avatar">
                        <!--头像-->
                        <img width="34" height="34" id="headImg">
                    </div>
                    <div class="facebook-name">
                        <!--用户名-->
                    </div>
                    <div class="facebook-date">
                        <!--发布时间-->
                    </div>
                </div>
                <div class="content-padded">
                    <h2  id="headline">标题2</h2>
                    <p id="main_content">
                        <!--正文内容-->
                    </p>
                </div>

                <!--视频-->
                <!--<object  height="338" width=100%>-->
                    <!--<embed src="https://probe-oss.oss-cn-beijing.aliyuncs.com/probe/video/1591360574480.mp4" width=100% height="338">-->
                <!--</object>-->
                <!--<video id="video" style="display: none" width=100% height="240" controls>-->
                    <!--<source src="" type="video/mp4">-->
                    <!--<source src="" type="video/ogg">-->
                    <!--您的浏览器不支持 video 标签。-->
                <!--</video>-->
                <div class="video">
                    <!--<video id="video" width=100% height="240"  controls>-->
                        <!--<source src="https://probe-oss.oss-cn-beijing.aliyuncs.com/probe/video/1591360574480.mp4" type="video/mp4">-->
                        <!--&lt;!&ndash;<source src="https://probe-oss.oss-cn-beijing.aliyuncs.com/probe/video/1591360574480.mp4" type="video/ogg">&ndash;&gt;-->
                        <!--您的浏览器不支持 video 标签。-->
                    <!--</video>-->
                </div>




                <!--<video class="card-content  pb-standalone" style="display: none" width=100% height="338">-->
                    <!--<source src="https://probe-oss.oss-cn-beijing.aliyuncs.com/probe/video/1591360574480.mp4" type="video/mp4">-->
                <!--</video>-->

                <div class="card-content  pb-standalone">

                    <!--帖子的正文图片-->
                    <!--<img  width="100%">-->
                </div>
                <div class="card-footer no-border content-padded docs-icons content-padded docs-icons">
            <span class="icon icon-emoji">
                <span id="thumb-num"></span>赞
            </span>
                    <a href="#" class="link discuss">
                <span  class="icon icon-message">
                    <span id="comment-num"></span>评论
                </span>
                    </a>
                    <a href="#" class="link">
                        <span  class="icon icon-star">
                            <span id="collect-num"></span>收藏
                        </span>
                    </a>
                </div>

            </div>
            <!--评论区-->
            <div id="comment" class="list-block" >
                <!--评论的输入区-->
                <div class="card" id="comment_input" style="display: none">
                    <div class="card-header">
                        <input class="col-80" type="text" id="Discuss" placeholder="发表评论">
                        <input class="col-20" type="button" id="post" value="发表">
                    </div>
                </div>

                <!--评论的内容-->
                <div id="comment_content" class="list-div comment-list " >
                </div>

                <div class="infinite-scroll-preloader" style="display: none">
                    <div class="preloader"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript'
        src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript'
        src='../resources/js/common/commonutil.js' charset='utf-8'></script>
<script type="text/javascript"
        src="../resources/js/topic/topicContent.js" charset="utf-8"></script>
</body>
</html>
